@charset "UTF-8";
@import (reference) "../../vendor/bower-asset/bootstrap/less/variables.less";

/*! Copyright (C) 2015-2019 AIZAWA Hina | MIT License */

@goldenRatio: 1.61803398875;

@colorWin:  #3169b3;
@colorLose: #ec6110;
@colorKO:   #68c8f2;
@colorTime: #f5a101;

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

.navbar {
  border-radius: 0 !important;
}

// フッター
footer {
  font-size: unit(@goldenRatio - 1, em);
  width: 100%;
  background-color: #f5f5f5;
  margin: unit(@goldenRatio - 1, em) 0 0 0;
  padding: unit(@goldenRatio, em) 0;

  .footer-nav, .footer-notice, .footer-powered {
    margin-top: unit(@goldenRatio - 1, em);
  }
}

#social {
  height: 22px;
  margin-bottom: 20px;
}

#stat {
  h3 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}

.license-body {
  margin-left: 10%;
  margin-right: 5%;
}

.user-label {
  color: #aaa;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.user-number {
  font-size: 1.5em;
}

#user-miniinfo {
  hr {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

.nobr {
  white-space: nowrap;
}

.omit {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.text-left-important {
  text-align: left !important;
}

.text-center-important {
  text-align: center !important;
}

.text-right-important {
  text-align: right !important;
}

.very-small {
  font-size: 50%;
}

.cell-lobby,
.cell-sub-weapon,
.cell-special,
.cell-rank,
.cell-rank-after,
.cell-gachi-power,
.cell-league-power,
.cell-level,
.cell-level-after,
.cell-kill-min,
.cell-death-min,
.cell-specials,
.cell-special-min,
.cell-point,
.cell-inked-min,
.cell-rank-in-team
.cell-reltime {
  display: none;
}

.label-success {
  background-color: @colorWin;
}

.label-danger {
  background-color: @colorLose;
}

.label-info {
  background-color: @colorKO;
}

.label-warning {
  background-color: @colorTime;
}

.sns, .adsense {
  margin-bottom: 15px;
}

.fa {
  &.left {
    margin-right: 1ex;
  }
  &.right {
    margin-left: 1ex;
  }
}

.fa-twitter {
  color: #1da1f2;
}

.btn-info {
  .fa-twitter {
    color: #fff;
  }
}

.progress {
  margin-bottom: 0;
}

tr.its-me {
  background-color: #ffc;
}

tr.disconnected,
.table-striped>tbody>tr.disconnected:nth-of-type(odd) {
  background: #fdd;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.dropdown-submenu {
  position: relative;

  & > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    border-radius: 0 6px 6px 0;
  }

  &:hover > .dropdown-menu {
    display: block;
  }

  & > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
  }

  &:hover > a:after {
    border-left-color: #fff;
  }

  &.pull-left {
    float: none;
  }

  &.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    border-radius: 6px 0;
  }
}

ul, ol {
  &.inline-list {
    display: block;

    &, li {
      list-style-type: none;
      list-style-image: none;
      margin: 0;
      padding: 0;
    }

    li {
      display: inline-block;
      margin-right: 0.75ex;

      &::after {
        display: inline;
        content: "|";
        margin-left: 0.75ex;
      }

      &:last-child::after {
        display: none;
      }
    }
  }
}

/* stylelint-disable */
.sizes() {
  0: (0 * 5px);
  1: (1 * 5px);
  2: (2 * 5px);
  3: (3 * 5px);
  4: (4 * 5px);
  auto: auto;
}

.props() {
  m: margin;
  p: padding;
}

.positions() {
  t: top;
  r: right;
  b: bottom;
  l: left;
}
/* stylelint-enable */

each(.props(), .(@propLong, @propShort, @propIndex) {
  each(.sizes(), .(@sizeValue, @sizeKey, @sizeIndex) {
    .@{propShort}-@{sizeKey} {
      @{propLong}: @sizeValue !important;
    }
  });

  each(.positions(), .(@posLong, @posShort, @posIndex) {
    each(.sizes(), .(@sizeValue, @sizeKey, @sizeIndex) {
      .@{propShort}@{posShort}-@{sizeKey} {
        @{propLong}-@{posLong}: @sizeValue !important;
      }
    });
  });
});

.h-auto {
  height: auto !important;
}

.h-100 {
  height: 100% !important;
}

.h-em {
  height: 1.2em !important;
}

.w-auto {
  width: auto !important;
}

.makeWidth(@pct: 0) when (@pct <= 100) {
  .w-@{pct} {
    width: unit(@pct, %) !important;
  }

  .makeWidth((@pct + 5));
}
.makeWidth();
